<!DOCTYPE html>
<html lang="ch">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>确认订单</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/submitOrder.css" />
</head>
<body>
	<div class="sdd_container" id="submitOrder">
		<div class="sdd_orderHead" @click="selectAddr()">
			<img class="sdd_adderssIcon" src="../static/images/address.png" />
			<div v-if="address.id" class="sdd_userMessage" v-cloak>
				<P class="sdd_userName">{{address.trueName}}<span>{{address.mobile}}</span></P>
				<p class="sdd_userAddress">{{address.areaInfo}}</p>
			</div>
			<div v-else class="sdd_userMessage">
				<p class="noAddress">点击添加收货地址</p>
			</div>
			<img class="sdd_go" src="../static/images/go.png" />
		</div>
		<div class="sdd_shopMessage">
			<a v-bind:href="'../yellowPage/yellowPage_detail.html?id=' + farm.id">
				<img class="sdd_shopIocn" src="../static/images/shop.png" />
				<span v-cloak>{{farm.farmName}}</span>
				<img class="sdd_go" src="../static/images/go.png" />
			</a>
		</div>
		<div class="sdd_orderMessage">
			<div v-cloak>
			<div class="sdd_productImg">
				<img :src="goods.mainImage" />
				<p>现货</p>
			</div>
			<div class="sdd_productDetails"  v-cloak>
				<p class="sdd_productTitle">
					<i class="sdd_tag">{{goods.goodsClassName}}<em class="jiantou"></em></i>
					{{goods.goodsName}}
				</p>
				<p class="fl_l">产量：{{goods.totalSupply}}{{goods.unit}}</p>
				<p class="fl_r" v-if='goods.price'><span class="sdd_proPrice">¥{{goods.price}}</span>起/{{goods.unit}}</p>
				<p class="fl_r" v-if='!goods.price'><span class="sdd_proPrice">可议</span></p>
				<p class="fl_l100">起批：{{goods.rangeBegin}}{{goods.unit}}</p>
			</div>
			</div>
		</div>
		<div class="sdd_orderDetails" id="vueAppOrderPrice">
			<p>
				<span class="sdd_name">合同单价</span>
				<span class="contract">
					<input type="number" @keyup="changeInput" v-model="contractPrice" name="contractPrice" id="contractPrice" />
					<i class="clear"></i>
				</span>
				<span class="sdd_num" v-cloak>元/{{goods.unit}}</span>
			</p>
			<p>
				<span class="sdd_name">合同总量</span>
				<span class="contract">
					<input type="number" @keyup="changeInput" v-model="contractNum" name="contractNum" id="contractNum" />
					<i class="clear"></i>
				</span>
				<span class="sdd_num" v-cloak>{{goods.unit}}</span>
			</p>
			<p>
				<span class="sdd_name">合同总额</span>
				<span class="payAmount" v-cloak>{{contractPrice * contractNum | currency '' '2'}}</span>
				<span class="sdd_num">元</span>
			</p>
			<p>
				<span class="sdd_name">实付总额</span>
				<span class="contract">
					<input type="number" v-model="contractTotal" name="contractTotal" id="contractTotal" />
					<i class="clear"></i>
				</span>
				<span class="sdd_num">元</span>
			</p>
			<p @click="addRemark">
				<span class="sdd_name">添加备注</span>
				<span class="sdd_remark">选填:对本次交易的说明</span>
				<input type="hidden" v-model="orderRemark" id="orderRemark" value="" />
			</p>
		</div>
		<ul class="sdd_service">
			<a href="tel:4000225588"><li><span><img src="../static/images/message.png" />联系客服</span></li></a>
			<a v-bind:href="'tel:' + farm.telephone"><li><img src="../static/images/phone.png" />联系卖家</li></a>
		</ul>
		<div class="sdd_noticeDiv">
			<div class="sdd_notice">交易须知</div><img class="sdd_noticeIcon" src="../static/images/notic.png" />
			<p>实际金额：根据双方实际商定结果输入金额，最终按照实际金额支付订单货款。 郑重说明：您支付的款项将进入托管账户，在您未完成交易并点击确认付款时，资金将不会进入商家账户。由连连支付、微信支付、支付宝支付、社员网多方联合保障您的财产安全，请放心使用。</p>
		</div>
		<!--提交卖家确认-->
		<div class="sdd_orderBtn" v-cloak>
			<div class="sdd_orderSum"><span>实付金额：</span><span class="sdd_orderPrice" v-cloak>¥{{contractTotal}}</span></div>
			<div class="sdd_commit sdd_red" v-on:click="submitOrder">提交确认</div>
		</div>
		<!--loading组件-->
		<loading v-show="showLoading"></loading>
		<!--备注-->
		<div id="remarkId">
			<div class="remark">
				<textarea id="remarkBZ" maxlength="200" name="remark" rows="8" placeholder="200字以内"></textarea>
			</div>
			<div @click="submitMark" class="remarkSubmite">提交</div>
		</div>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/submitOrder.js"></script>
</html>